<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

.btn{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-align: left;
text-decoration: none;
display: block;
overflow: visible;
margin-right: 10px;
margin-left: 10px;
}
.btn a:hover {
background-color: #d8dfea;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #333366;
border-bottom-color: #333366;
}
.btn a {
display: block;
text-decoration: none;
color: #666666;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
width: 100px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 30px;
overflow: visible;
float: left;
}
html {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;
margin: 0px;
}

body{
margin:0px;
}
._999{
	display:inline-block;
	height:100px;
	width:100px;
	text-indent:-999em;
	overflow:hidden;
	background-color:red;
	position:relative;
	left:0;	
}
</style>

</head>
<body>
<p>
   <textarea name="source" rows="14" id="source" style="width:99%">中华人民共和国万岁
中華人民共和國萬歲\u4E2D\u534E\u4EBA\u6C11\u5171\u548C\u56FD\u4E07\u5C81
\u4E2D\u83EF\u4EBA\u6C11\u5171\u548C\u570B\u842C\u6B72
</textarea>
</p>
<div class="btn">
   <a href="javascript:action('CONVERT_FMT1')">
   <strong>Convert</strong><br />
   Fmort &amp;#xxxx   </a></div>

<div class="btn">
   <a href="javascript:action('CONVERT_FMT2')">
   <strong>Convert</strong><br />
Fmort \uxxxx
   </a> 
</div>

<div class="btn">
   <a href="javascript:action('RECONVERT')">
   <strong>ReConvert</strong><br />
To &#27721;&#23383; </a> 
</div>

<p>
<div id="tt" style="display:none"></div>
   <textarea name="show2" rows="14" id="show2" style="width:99%"></textarea>
</p>

<div class="_999">999</div><a href="#" class="_999">999</a>
<script language="javascript" type="text/javascript">
var oSource = document.getElementById("source");
var oShow2 = document.getElementById("show2");
var oTt = document.getElementById("tt");

function action(pChoice){
	switch(pChoice){
	   case "CONVERT_FMT1":
		oShow2.value = ascii(oSource.value);
		break;
	   case "CONVERT_FMT2":
		oShow2.value = unicode(oSource.value);
		break;
	   case "RECONVERT":
		oShow2.value = reconvert(oSource.value);
		break;
	}
}

function ascii(str){
return str.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"\&#x$2;")});
}

function unicode(str){
return str.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"\\u$2")});
}

function reconvert(str){ 
str = str.replace(/(&#x)(\w{4});/gi,function($0){return (String.fromCharCode(parseInt((escape($0).replace(/(%5Cu)(\w{4})/g,"$2")),16)));});
            
str = str.replace(/(&#x)(\w{4});/gi,function($0){
             return String.fromCharCode(parseInt(escape($0).replace(/(%26%23x)(\w{4})(%3B)/g,"$2"),16));
             });            
return str;
}



</script>
</body>
</html>

